
h2{color: #373d41;}
/*服务详情start*/
/*服务详情banner*/
/*.serviced_banner{width: 100%; min-height: 5.5rem; max-height: 100vh; overflow-y: hidden; background-repeat: no-repeat; background-size: 100% 100%;}*/
.serviced_banner{background-size: 100% 100%!important;width: 100%;height: calc(51vw + 1.01rem);max-height: 65vh;overflow-y: hidden;}
.serviced_banner img{width: 100%; position: absolute;
    height: calc(51vw + 1.01rem);
    min-height: 5.5rem;
    max-height: 65vh;
    overflow-y: hidden;
    object-position: center;
    object-fit: cover;}
.serviced_banner_main{width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.serviced_banner_main .serviced_banner_text{margin-top: 18%;}
.serviced_banner_main h1{width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 40px;}
.serviced_banner_main h4{width: 60%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical; font-size: 18px; line-height: 50px;}
.serviced_banner_main a{position: absolute; top: 266px; left: 0; width: 108px; height: 36px; background: #3c8cff;}
.serviced_banner_main img{ position: absolute; top: 40px; right: 0;}

/*客户案例*/
.serviced_case{width: 1200px; margin: 0 auto;}
.serviced_case ul li{width: 20%; height: 330px; float: left; text-align: center;cursor:pointer}
.serviced_case .case_box{ position: relative; height: 330px;}
.serviced_case .case_box img{height: 60px; width: auto;}
.serviced_case ul li p{color: #a9b0b4;height:76px; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.serviced_case_box{position: absolute; top: 0; left: 0; width: 100%; height: 17px; overflow:hidden;border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
/*服务详情end*/

/*案例列表页start*/
/*案例列表banner*/
/*.project_banner{width: 100%; height: 500px; min-height: 5.5rem; max-height: 100vh; overflow-y: hidden; background-repeat: no-repeat; background-size: 100% 100%;}*/
.project_banner{background-size: 100% 100%!important;width: 100%;height: calc(51vw + 1.01rem);max-height: 65vh;overflow-y: hidden;position: relative}
.project_banner img{width: 100%; position: absolute;
    height: calc(51vw + 1.01rem);
    min-height: 5.5rem;
    max-height: 65vh;
    overflow-y: hidden;
    object-position: center;
    object-fit: cover;}
.project_banner_con{width: 1200px; margin: 0 auto; margin-top: 16%;}
.project_banner_con h1{}
/*案例列表内容*/
.project_main{width: 1200px; margin: 50px auto;background: #f8f8f8;}
.project_main .project_con{width: 960px; float: left; min-height: 471px;}
.project_main .project_con .portfolio{float: left; width: 50%; margin-bottom: 30px;display: none;padding:0 10px;}
.project_main .project_con .portfolio .project_con_list{ height: 127px; background: #fff; position: relative; padding-left: 130px; box-shadow: 0 5px 10px #dee0e4; -webkit-box-shadow: 0 5px 10px #dee0e4; -o-box-shadow: 0 5px 10px #dee0e4; -ms-box-shadow: 0 5px 10px #dee0e4; -moz-box-shadow: 0 5px 10px #dee0e4;}
.project_main .project_con .portfolio .project_con_list img{position: absolute; left: 15px; width: 80px; height: 80px;}
.project_main .project_con .portfolio .project_con_list span{color: #373d41; width: 100%; height: 21px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.project_main .project_con .portfolio .project_con_list p{line-height: 22px; height: 66px; color: #a9b0b4; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.project_main .project_con .portfolio a:hover span{color: #3c8cff;}
.project_con_nav{float: right;width: 160px;}
.project_con_nav li{background: #fff; width: 160px; margin-bottom: 15px; line-height: 20px;}
.project_con_nav li .filter{display:block; padding: 12px 0 12px 20px;cursor: pointer;}
.project_con_nav li .span{line-height: 20px;}
.project_con_nav li .filter.active{color: #3c8cff;}
/*.project_con_nav li .filter img:last-of-type{display: none;}
.project_con_nav li .filter.active img:last-of-type{display: inline-block;}
.project_con_nav li .filter.active img:first-of-type{display: none;}*/
.project_con_nav li .icon_project{display: inline-block;width: 24px;height: 20px;position: relative;top: 2px;}
.project_con_nav li:nth-of-type(1) .icon_project{background: url(@/assets/images/project_app_01.png) center no-repeat;}
.project_con_nav li:nth-of-type(2) .icon_project{background: url(@/assets/images/project_app_02.png) center no-repeat;}
.project_con_nav li:nth-of-type(3) .icon_project{background: url(@/assets/images/project_app_03.png) center no-repeat;}
.project_con_nav li:nth-of-type(4) .icon_project{background: url(@/assets/images/project_app_04.png) center no-repeat;}
.project_con_nav li:nth-of-type(5) .icon_project{background: url(@/assets/images/project_app_05.png) center no-repeat;}
.project_con_nav li:nth-of-type(6) .icon_project{background: url(@/assets/images/project_app_06.png) center no-repeat;}
.project_con_nav li:nth-of-type(7) .icon_project{background: url(@/assets/images/project_app_07.png) center no-repeat;background-size: 22px 20px;}
.project_con_nav li:nth-of-type(1) .filter.active .icon_project{background: url(@/assets/images/project_app_01a.png) center no-repeat;}
.project_con_nav li:nth-of-type(2) .filter.active .icon_project{background: url(@/assets/images/project_app_02a.png) center no-repeat;}
.project_con_nav li:nth-of-type(3) .filter.active .icon_project{background: url(@/assets/images/project_app_03a.png) center no-repeat;}
.project_con_nav li:nth-of-type(4) .filter.active .icon_project{background: url(@/assets/images/project_app_04a.png) center no-repeat;}
.project_con_nav li:nth-of-type(5) .filter.active .icon_project{background: url(@/assets/images/project_app_05a.png) center no-repeat;}
.project_con_nav li:nth-of-type(6) .filter.active .icon_project{background: url(@/assets/images/project_app_06a.png) center no-repeat;}
.project_con_nav li:nth-of-type(7) .filter.active .icon_project{background: url(@/assets/images/project_app_07a.png) center no-repeat;background-size: 22px 20px;}
/*案例列表页end*/

/*案例详情pc版页面start*/
/*案例详情pc版*/
.projectd_banner_pc{background-size:100% 100%!important; width: 100%; height: calc(51vw + 1.01rem); min-height: 5.5rem; max-height: 100vh; overflow-y: hidden;}
.projectd_banner_pc_con{width: 1200px; margin-top: 15%}
.projectd_banner_pc_con h1{}
.projectd_banner_pc_con h3{line-height: 50px;}
.projectd_banner_pc_con a{width: 120px; height: 40px; border: 1px solid #fff;}
/*案例详情pc版end*/

/*案例详情app版页面start*/
/*案例详情app版*/
.projectd_banner_app{width: 100%; min-width: 1200px; height:755px;background-size:100%!important; background: url(@/assets/images/project_details_banner_app.png) no-repeat right;}
.projectd_banner_app_con{width: 1200px; padding-top: 130px;}
.projectd_banner_app_con h1{font-weight: 500; color: #3c8cff; -webkit-text-stroke: 1px #fff; -moz-text-stroke: 1px #fff; -ms-text-stroke: 1px #fff; -o-text-stroke: 1px #fff; }
.projectd_banner_app_con h3{}
.projectd_banner_app_con a{width: 120px; height: 40px; border: 1px solid #fff;}
.projectd_banner_app_phone{width: 300px;}
.projectd_banner_app_txt{width: 880px;}
.projectd_banner_app_txt p{width: 500px;}
.projectd_banner_app_txt p span{width: 50%;}
.gaoyi_erwei{width: 500px;}
.gaoyi_erwei span{color: #666; line-height: 27px;}
/*案例详情app版页面end*/

/*案例详情pc版、案例详情app版、中间轮播图样式*/
.projectd_slider{width: 1200px; margin: 0 auto; position: relative; padding-top: 110px;}
.projectd_slider_img{position: absolute; z-index: 20;}
#projectdApp .case_img{width: 100%; height: calc(51vw + 1.01rem); min-height: 5.5rem; max-height: 100vh; overflow-y: hidden; object-position: center; object-fit: cover;}
#projectdApp .plan_crumb{display: none;}
#certify {position: relative; width: 1200px; margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;}
#certify .swiper-slide {background: #fff; box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p {line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em;	margin: 0;}
#certify .swiper-pagination {width: 100%; bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px;	opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -30px; width: 35px;	height: 35px; background: url(@/assets/images/projectd_prev.png) no-repeat; background-position: 0 0; background-size: 100%;}
#certify .swiper-button-prev:hover {background-size: 100%; background: url(@/assets/images/projectd_preva.png);}
#certify .swiper-button-next {right: -30px;	width: 35px; height: 35px; background: url(@/assets/images/projectd_next.png) no-repeat; background-size: 100%;}
#certify .swiper-button-next:hover {background-size: 100%; background: url(@/assets/images/projectd_nexta.png);}
#certify .swiper-slide-active{/*border-radius: 10px; overflow: hidden;*/}
@media screen and (max-width: 920px){
    .projectd_slider{width: 100%; margin: 0 auto; position: relative; padding-top: 2rem;}
    #certify {position: relative; width: 92%; margin: 0 auto;overflow: hidden;}
    .projectd_slider_img{display: none;}
    #projectdApp .case_img{height: 20rem;}
    #certify .swiper-button-prev {opacity: 0;left:  0px;  width: 35px;	height: 35px; background: url(@/assets/images/projectd_prev.png) no-repeat; background-position: 0 0; background-size: 100%;}
    #certify .swiper-button-next {opacity: 0;right: 0px;  width: 35px; height: 35px; background: url(@/assets/images/projectd_next.png) no-repeat; background-size: 100%;}
    #projectdApp .plan_crumb{display: block;}
    .projectd_slider{height: auto;}
}
/*关于朔悦start*/
/*banner*/
.about_banner{width: 100%; min-width: 1200px; height: 454px; position: relative;  padding-top: 130px;}
.about_banner h2{color: #3c8cff;}
.about_banner_border{width: 160px; height: 1px; background: #fff;}
.about_nav{width: 100%; height: 50px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0;}
.about_nav_main{width: 1200px; margin: 0 auto;}
.about_nav_main li{width: 20%; height: 50px; line-height: 50px; float: left;}
.about_nav_main li a{color: #fff;}
.about_nav_main li a.active{color: #3c8cff;}
/*我们是谁*/
.wp{width: 100%; max-width: 1170px; margin: 0 auto;}
.about_tit-i{text-align: center; padding: 35px 0; line-height: 36px; overflow: hidden;}
.about_tit-i h3{color: #373d41;}
.about_tit-i h5{color: #cacace; text-transform: uppercase; font-family: Arial;}
.about_tit-i h5 span{color: #01a0e7;}
.about_tit-i em{width: 45px; border-bottom: 1px solid #7f7f90; display: inline-block;}
.about-info{text-align: left; font-size: 14px; line-height: 34px; color: #666;}
.about-info p {text-indent: 2em; color:#666666; line-height:34px;}
.ul-about li{float: left; width: 33.333%; text-align: center;	font-size: 14px; line-height: 24px;	color: #666;}
.ul-about li img{opacity: 0;}
.ul-about li h3{color: #373d41; line-height: 36px;}
.ul-about li em{display: inline-block; width: 45px;	height: 0; border-bottom: 1px solid #7f7f90; margin-bottom: 20px; margin-top: 10px;}
.ul-about li p{height: 96px; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.ul-about li .block{position: relative;	height: 200px; margin: 0 auto;}
.ul-about li .block img{position: absolute;	left: 0; bottom: 10px; opacity: 0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.ul-about li:nth-of-type(1) .block{width: 150px;}
.ul-about li:nth-of-type(2) .block{width: 215px;}
.ul-about li:nth-of-type(3) .block{width: 252px;}
.ul-about li:nth-of-type(1) .block,.ul-about li:nth-of-type(2) .block{padding-top: 30px;}
/*我们的理念*/
.about_idea{width: 100%; height: 535px; background: url(@/assets/images/about_banner01.png) no-repeat center; min-width: 1200px; background-size: 100% 100%;}
.about_idea h3{color: #fff;}
.about_idea ul{width: 1200px; margin-top: 20px;}
.about_idea ul li{width: 25%; float: left; padding: 0 20px;}
.about_idea ul li a{width: 100%; background: rgba(0,0,0,0.5); padding: 15px; display: block; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.about_idea ul li a h3{color: #fff;}
.about_idea ul li a img{margin-top: 80px;}
.about_idea ul li a p{color: #8d8d8d; margin-bottom: 80px;}
.about_idea ul li a .about_idea_img_hide{display: none;}
.about_idea ul li a .about_idea_p_hide{display: none;}
/*我们的价值观*/
.about_cost{width: 1200px; margin: 50px auto 80px auto;}
.about_cost h3{color: #373d41;}
.about_cost_main{position: relative; width: 100%; height: 720px;}
.about_cost_small{position: absolute;}
.about_cost_small_main{cursor:pointer;}
.about_cost_small h4{width: 140px; margin: 15px auto;}
.about_cost_small h5{width: 140px; margin: 0 auto;}
.about_cost_main .mouse_show_box:nth-of-type(1) .about_cost_small{top: 0; left: 458px; width: 284px; height: 263px; background: url(@/assets/images/about_cost_bg1.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(2) .about_cost_small{top: 261px; left: 324px; width: 278px; height: 253px; background: url(@/assets/images/about_cost_bg2.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(3) .about_cost_small{top: 261px; left: 458px; width: 284px; height: 253px; background: url(@/assets/images/about_cost_bg3.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(4) .about_cost_small{top: 261px; left: 599px; width: 279px; height: 253px; background: url(@/assets/images/about_cost_bg4.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(5) .about_cost_small{top: 512px; left: 210px; width: 260px; height: 215px; background: url(@/assets/images/about_cost_bg5.png) no-repeat; padding-left: 70px;}
.about_cost_main .mouse_show_box:nth-of-type(6) .about_cost_small{top: 512px; left: 468px; width: 263px; height: 215px; background: url(@/assets/images/about_cost_bg6.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(7) .about_cost_small{top: 512px; left: 730px; width: 259px; height: 215px; background: url(@/assets/images/about_cost_bg7.png) no-repeat; padding-right: 70px;}
.about_cost_main .mouse_show_box:nth-of-type(1) .about_cost_small_main,.about_cost_main .mouse_show_box:nth-of-type(2) .about_cost_small_main,.about_cost_main .mouse_show_box:nth-of-type(4) .about_cost_small_main{margin-top: 95px;}
.about_cost_main .mouse_show_box:nth-of-type(3) .about_cost_small_main{margin-top: 20px;}
.about_cost_main .mouse_show_box:nth-of-type(5) .about_cost_small_main,.about_cost_main .mouse_show_box:nth-of-type(6) .about_cost_small_main,.about_cost_main .mouse_show_box:nth-of-type(7) .about_cost_small_main{margin-top: 50px;}
.about_cost_big{z-index: 2; position: absolute; overflow: hidden; display: none;}
.mouse_hide_box{width: 250px; cursor: pointer;}
.about_cost_big p{cursor: default; height: 96px; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.about_cost_main .mouse_show_box:nth-of-type(1) .about_cost_big{top: -35px; left: 410px; width: 381px; height: 355px; background: url(@/assets/images/about_cost_bg1a.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(2) .about_cost_big{top: 210px; left: 265px; width: 373px; height: 341px; background: url(@/assets/images/about_cost_bg2a.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(3) .about_cost_big{top: 210px; left: 410px; width: 381px; height: 341px; background: url(@/assets/images/about_cost_bg3a.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(3) .mouse_hide_box{position: relative; width: 250px; height: 228px;}
.about_cost_main .mouse_show_box:nth-of-type(3) .mouse_hide_box p{position: absolute; top: 0;}
.about_cost_main .mouse_show_box:nth-of-type(3) .mouse_hide_box img{position: absolute; top: 110px; left: 100px;}
.about_cost_main .mouse_show_box:nth-of-type(3) .mouse_hide_box h4{position: absolute; top: 145px; width: 100%;}
.about_cost_main .mouse_show_box:nth-of-type(3) .mouse_hide_box h5{position: absolute; top: 200px; width: 100%;}
.about_cost_main .mouse_show_box:nth-of-type(4) .about_cost_big{top: 210px; left: 563px; width: 374px; height: 341px; background: url(@/assets/images/about_cost_bg4a.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(5) .about_cost_big{top: 470px; left: 155px; width: 353px; height: 295px; background: url(@/assets/images/about_cost_bg5a.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(5) .mouse_hide_box{margin-left: 93px; margin-right: 0;}
.about_cost_main .mouse_show_box:nth-of-type(5) .mouse_hide_box p{padding-right: 20px;}
.about_cost_main .mouse_show_box:nth-of-type(6) .about_cost_big{top: 470px; left: 420px; width: 357px; height: 295px; background: url(@/assets/images/about_cost_bg6a.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(7) .about_cost_big{top: 470px; left: 692px; width: 354px; height: 295px; background: url(@/assets/images/about_cost_bg7a.png) no-repeat;}
.about_cost_main .mouse_show_box:nth-of-type(7) .mouse_hide_box{margin-left: 10px; margin-right: 0;}
.about_cost_main .mouse_show_box:nth-of-type(7) .mouse_hide_box p{padding-left: 20px;}
.about_cost_main .mouse_show_box:nth-of-type(1) .mouse_hide_box,.about_cost_main .mouse_show_box:nth-of-type(2) .mouse_hide_box,.about_cost_main .mouse_show_box:nth-of-type(4) .mouse_hide_box{margin-top: 85px;}
.about_cost_main .mouse_show_box:nth-of-type(5) .mouse_hide_box,.about_cost_main .mouse_show_box:nth-of-type(6) .mouse_hide_box,.about_cost_main .mouse_show_box:nth-of-type(7) .mouse_hide_box{margin-top: 40px;}
/*.about_cost_main .mouse_show_box:nth-of-type(3) .about_cost_big p{position: absolute; top: 20px;}
.about_cost_main .mouse_show_box:nth-of-type(3) .about_cost_big img{position: absolute; top: 136px;}*/

.about_cost_con{width: 100%; display: none;}
.about_cost_con ul li{/*width: 25%; */float: left; text-align: center; padding: 0 15px; margin-top: 30px;}
/*.about_cost_con ul li:nth-of-type(5){width: 33.33%;}
.about_cost_con ul li:nth-of-type(6){width: 33.33%;}
.about_cost_con ul li:nth-of-type(7){width: 33.33%;}*/
.about_cost_con ul li p{height: 86px; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.about_cost_con_small{padding: 20px 0; background: #3c8cff; cursor: pointer; box-shadow: 2px 5px 10px #999;}
.about_cost_con_small_img{height: 45px; line-height: 45px;}
/*我们服务的客户样式在 main.css*/
/*我们的团队*/
.about_team{width: 1200px;}
.about_team h3{color: #373d41;}
.about_team ul{height: 36px;}
.about_team ul li{width: 20%; float: left; position: relative;}
.about_team ul li:hover a{color: #3c8cff;}
.about_team ul li.active a{color: #3c8cff;}
.about_team ul li.active a:after{content: "";position: absolute; left: 50%; top: 35px; width: 50px; height: 3px; background: #3c8cff; margin-left: -25px;z-index:2 ;}
.team .container{position: relative;border: 1px solid #e6e6e6;background: #f5f5f7;height: 468px;}
.team .container .wrapper.active{display: none}
.team .container .wrapper .slide{height: 468px;}
.team .container .wrapper.active .slide{height: auto;}
.team .container .slide .txt{padding-top: 85px;padding-left: 30px;font-size: 14px;line-height: 36px;width: 30%;float: left;}
.team .container .slide .txt h3{font-size: 30px;color: #63637f;padding-bottom: 25px;}
.team .container .slide .pic{float: right;position: relative;width: 70%;height: 466px;}
.team .container .slide .pic img{position: absolute;right:30px;top: 20px;width: auto;}
.team .container .slide .pic img.animated:nth-of-type(1){-webkit-animation-delay:.5s;animation-delay:.5s;-o-animation-delay:.5s;-moz-animation-delay:.5s;}
.team .container .slide .pic img.animated:nth-of-type(2){-webkit-animation-delay:1s;animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;}
.team .container .slide .pic img.animated:nth-of-type(3){-webkit-animation-delay:1.5s;animation-delay:1.5s;-o-animation-delay:1.5s;-moz-animation-delay:1.5s;}
.team .container .slide .pic img.animated:nth-of-type(4){-webkit-animation-delay:2s;animation-delay:2s;-o-animation-delay:2s;-moz-animation-delay:2s;}
.team .container .slide .pic img.animated:nth-of-type(5){-webkit-animation-delay:2.5s;animation-delay:2.5s;-o-animation-delay:2.5s;-moz-animation-delay:2.5s;}
.team .container .slide .pic img.animated:nth-of-type(6){-webkit-animation-delay:3s;animation-delay:3s;-o-animation-delay:3s;-moz-animation-delay:3s;}
.team .container .wrapper .slide.active{display: block;}
.about_staff{width: 100%; background: #f9fafa;}
.about_staff_main{width: 1200px;margin-left: auto;margin-right: auto;}
.about_staff_main ul li{width: 25%; height: 423px; float: left;}
.about_staff_main .con{width:1140px;height:450px;overflow:hidden;margin:0 auto}
.about_staff_main .con .conli{float:left;width:25%;padding-top:127px;position:relative;}
.about_staff_main .con .conli a{text-decoration:none;display:block}
.about_staff_main .con .conli .pic{width:285px;transition:.3s all;position:relative;z-index:8;}
.about_staff_main .con .conli .pic .pic1,.about_staff_main .con .conli .pic .pic1 img{width:285px;height:183px}
.about_staff_main .con .conli .pic .pic2{display:none;width:285px;height:183px}
.about_staff_main .con .conli .pic .pic2 img{width:285px;height:183px}
.about_staff_main .con .conli .name{width:285px; text-align:center; line-height:56px; position:absolute; top:191px; z-index:10; transition:.3s all}
.about_staff_main .con .conli .tbox{width:285px;height:283px;transform:translateY(-156px);overflow:hidden;}
.about_staff_main .con .conli .tbox .txt{/*background:url(../images/about_team_bg.png) center top no-repeat; background-size:285px 283px;*/ width:285px; height:283px; overflow:hidden; transform:translateY(-283px); transition:.3s all}
.about_staff_main .con .conli .tbox .txt span{display:block; padding-top:91px; width:234px; height:260px; overflow:hidden; margin:0 auto; font-size:14px; color:#fff; line-height:24px}
.about_staff_main .con .on .pic{transform:translateY(-126px)}
.about_staff_main .con .on .pic .pic1{display:none}
.about_staff_main .con .on .pic .pic2{display:block}
.about_staff_main .con .on .tbox .txt{transform:translateY(0)}
/*关于朔悦end*/
